<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
 <!-- 引入ElementUI样式 -->
 <link rel="stylesheet" href="../js/index.css">
 <script src="../js/vue.js"></script>
 <!-- 引入ElementUI组件库 -->
 <script src="../js/index.js"></script>
</head>
<body>
    <div id="app">
        <el-button :plain="true" @click="open1">消息</el-button>
        <el-button :plain="true" @click="open2">成功</el-button>
        <el-button :plain="true" @click="open3">警告</el-button>
        <el-button :plain="true" @click="open4">错误</el-button>
        <script>
            new Vue({
                el:'#app',
                methods:{
                    open1() {
                        //this.$message.info('这是一条消息提示');
                        //this.$message('这是一条消息提示');
                        //this.$message({message:'这是一条消息提示'});
                        //info success warning error
                        this.$message.info('这是一条消息提示');
                        this.$message('这是一条消息') //info
                    },
                    open2() {
                        var bool = false

                        // if(type){
                        //     this.$message.success('成功')
                        // }else{
                        //     this.$message.error('失败')
                        // }
                        //
                        this.$message({
                            message: '恭喜你，这是一条成功消息',
                            type: bool?'success':'error'
                        });
						//this.$message.success('恭喜你，这是一条成功消息')
                    },
                    open3() {
                        // this.$message({
                        //     message: '警告哦，这是一条警告消息',
                        //     type: 'warning'
                        // });
						this.$message.warning('恭喜你，这是一条警告消息')
                    },
                    open4() {
                        // var flag = true;
                        // if(flag){
                        //     this.$message.success('成功了')
                        // }else{
                        //     this.$message.error('错误了')
                        // }
                        //
                        // this.$message({type: flag?'success':'error', message: flag?'成功了':'错误了'})

                        this.$message.error('错了哦，这是一条错误消息');
                        // this.$message.info('')
                        // this.$message.success('')
                        // this.$message.warning('')
                        // this.$message.error('')
                    }
                }
            });
        </script>
    </div>
</body>
</html>